<template>
<view>
    <view class="cu-card case" :class="isCard?'no-card':''">
        <view class="cu-item shadow" v-for="(item,index) in num" :key="index" @click="headeldetails(item.lid,item.lmobile)">
            <view class="image">
                <image :src="item.lcompanylogo" mode="aspectFill"></image>
                <view class="cu-tag bg-blue">{{item.lhelptype}}</view>
                <view class="cu-bar bg-shadeBottom"> <text class="text-cut">{{item.lhelpcontent}}</text></view>
            </view>
            <view class="cu-list menu-avatar">
                <view class="cu-item">
                    <view class="cu-avatar round lg" :style="'background-image:url' + (item.lcompanylogo)"></view>
                    <view class="content flex-sub">
                        <view class="text-grey">{{item.lcompanyname}}</view>
                        <view class="text-gray text-sm flex justify-between">
                             {{item.ldate}}
                            <view class="text-gray text-sm">
                                <text class="cuIcon-attentionfill margin-lr-xs"></text>  {{item.lremark}}
                                <text class="cuIcon-appreciatefill margin-lr-xs"></text>  {{item.lremark}}
                                <text class="cuIcon-messagefill margin-lr-xs"></text>  {{item.lremark}}
                            </view>
                        </view>
                    </view>
                </view>
            </view>
        </view>
    </view>
</view>
</template>

<script>
export default {
    name:'CaRd',
    props:{
        num:{
            type:Array,
            defalut:[]
        }
    },
    data() {
        return {
            isCard: false
        };
    },
    methods: {
        IsCard(e) {
            this.isCard = e.detail.value
        },
        headeldetails(lid,lmobile){
            this.$emit('headeldetails',{lid,lmobile})
        },
    }
}
</script>

<style>

</style>
